<script setup lang='ts'>
const props = defineProps({
    bookName:String,
    bookPublic:String,
    bookAuthor:String,
    bookPrice:Number,
    bookCount:Number,
    bookUrl:String
})
</script>
<template>
<div class="bg-lime-50 h-28 my-2 px-5 flex justify-between items-center hover:shadow-lg">
    <div class="w-28 h-28">
        <img :src="bookUrl" alt="" class="w-24 h-28">
    </div>
    <div class="w-40">
       <span>{{ bookName }}</span>
    </div>
    <div class="w-40">
        <span>{{ bookPublic }}</span>
    </div>
    <div class="w-40">
        <span>{{ bookAuthor }}</span>
    </div>
    <div class="w-20">
        <span>￥{{ bookPrice }}</span>
    </div>
    <div class="w-20 pl-2">
        <span>{{ bookCount }}</span>
    </div>
</div>
</template>
<style scoped>
</style>